<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<title>网站首页，欢迎您！</title>
	<link rel="stylesheet" type="text/css" href="css/webbase.css" />
	<link rel="stylesheet" type="text/css" href="css/pages-JD-index.css" />
	<link rel="stylesheet" type="text/css" href="css/widget-jquery.autocomplete.css" />
	<link rel="stylesheet" type="text/css" href="css/widget-cartPanelView.css" />
	<link rel="stylesheet" type="text/css" href="css/pages-cart.css" />

	<script type="text/javascript" src="plugins/angularjs/angular.min.js"> </script>
	<script type="text/javascript" src="js/module/common.js"> </script>
	<script type="text/javascript" src="js/service/advertisingService.js"> </script>
	<script type="text/javascript" src="js/service/goodsCategoryService.js"> </script>
	<script type="text/javascript" src="js/controller/portalController.js"> </script>


</head>

<body ng-app="diploma" ng-controller="portalController" ng-init="findByContent(1,2,3,4,5,6,7);selectItemCat1List()">
<!-- 头部栏位 -->
<!--页面顶部-->
<div id="nav-bottom">
	<!--顶部-->
	<div class="nav-top">
		<div class="top">
			<div class="py-container">
				<div class="shortcut">
					<ul class="fl">
						<li class="f-item">欢迎您！</li>
						<li class="f-item"></li>
					</ul>
					<ul class="fr">
						<li class="f-item">
							<a href="http://localhost:8087/home-index.html" target="_blank">我的中心</a>
						</li>
						<li class="f-item space"></li>
						<li class="f-item" id="service">
							<a href="http://localhost:8082/sellerLogin.html" target="_blank">商家后台</a>
						</li>
						<li class="f-item space"></li>
						<li class="f-item" >
							<a href="http://localhost:8087/register.html" target="_blank">免费注册</a>
						</li>
						<li class="f-item space"></li>
					</ul>
				</div>
			</div>
		</div>

		<!--头部-->
		<div class="header">
			<div class="py-container">
				<div class="yui3-g Logo">
					<div class="yui3-u Left logoArea">
					</div>
					<div class="yui3-u Center searchArea">
						<div class="search">
							<form action="" class="sui-form form-inline">
								<!--searchAutoComplete-->
								<div class="input-append">
									<input type="text" id="autocomplete" type="text" ng-model="keywords" class="input-error input-xxlarge" />
									<button class="sui-btn btn-xlarge btn-danger" ng-click="search()" type="button">搜索</button>
								</div>
							</form>
						</div>
					</div>
					<div class="yui3-u Right shopArea">
						<div class="fr shopcar">
							<div class="show-shopcar" id="shopcar">
								<span class="car"></span>
								<a class="sui-btn btn-default btn-xlarge" href="http://localhost:8089/cart.html" target="_blank">
									<span>我的购物车</span>
								</a>
							</div>
						</div>
					</div>
				</div>

				<div class="yui3-g NavList">
					<div class="yui3-u Left all-sort">
						<h4>全部商品分类</h4>
					</div>
					<div class="yui3-u Center navArea">
						<ul class="nav">
							<li class="f-item">服装城</li>
							<li class="f-item">美妆馆</li>
							<li class="f-item">自营超市</li>
							<li class="f-item">全球购</li>
							<li class="f-item">闪购</li>
							<li class="f-item">团购</li>
							<li class="f-item">有趣</li>
						</ul>
					</div>
					<div class="yui3-u Right"></div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--列表-->
<div class="sort">
	<div class="py-container">
		<div class="yui3-g SortList ">
			<div class="yui3-u Left all-sort-list">
				<div class="all-sort-list2" >
					<div class="item bo" ng-repeat="entity in List">
						<h3><a href="http://localhost:8084/search.html#?keywords={{entity.dpItemCat.name}}">{{entity.dpItemCat.name}}</a></h3>
						<div class="item-list clearfix">
							<div class="subitem">
								<dl class="fore1" ng-repeat="itemCat in entity.itemCatList">
									<dt><a href="http://localhost:8084/search.html#?keywords={{itemCat.dpItemCat.name}}">{{itemCat.dpItemCat.name}}</a></dt>
									<dd>
										<em ng-repeat="dpItemCat in itemCat.dpItemCatList">
											<a href="http://localhost:8084/search.html#?keywords={{dpItemCat.name}}">{{dpItemCat.name}}</a>
										</em>
									</dd>
								</dl>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="yui3-u Center banerArea">
				<!--banner轮播-->
				<div id="myCarousel" data-ride="carousel" data-interval="4000" class="sui-carousel slide">
					<ol class="carousel-indicators">

						<li data-target="#myCarousel" data-slide-to="{{$index}}" class="{{$index==0?'active':''}}" ng-repeat="item in advertisingList[1]"></li>

					</ol>
					<div class="carousel-inner">
						<div class="{{$index==0?'active':''}} item" ng-repeat="item in advertisingList[1]">
							<a href="{{item.url}}">
								<img src="{{item.pic}}"  />
							</a>
						</div>
					</div><a href="#myCarousel" data-slide="prev" class="carousel-control left">‹</a><a href="#myCarousel" data-slide="next" class="carousel-control right">›</a>
				</div>
			</div>
			<div class="yui3-u Right">
				<div class="news">
					<h4><em class="fl">时尚快报</em><span class="fr tip">更多 ></span></h4>
					<div class="clearix"></div>
					<ul class="news-list unstyled">
						<li>
							<span class="bold">[特惠]</span>备战开学季 全民半价购数码
						</li>
						<li>
							<span class="bold">[公告]</span>备战开学季 全民半价购数码
						</li>
						<li>
							<span class="bold">[特惠]</span>备战开学季 全民半价购数码
						</li>
						<li>
							<span class="bold">[公告]</span>备战开学季 全民半价购数码
						</li>
						<li>
							<span class="bold">[特惠]</span>备战开学季 全民半价购数码
						</li>
					</ul>
				</div>
				<ul class="yui3-g Lifeservice">
					<li class="yui3-u-1-4 life-item tab-item">
						<i class="list-item list-item-1"></i>
						<span class="service-intro">话费</span>
					</li>
					<li class="yui3-u-1-4 life-item tab-item">
						<i class="list-item list-item-2"></i>
						<span class="service-intro">机票</span>
					</li>
					<li class="yui3-u-1-4 life-item tab-item">
						<i class="list-item list-item-3"></i>
						<span class="service-intro">电影票</span>
					</li>
					<li class="yui3-u-1-4 life-item tab-item">
						<i class="list-item list-item-4"></i>
						<span class="service-intro">游戏</span>
					</li>
					<li class="yui3-u-1-4 life-item notab-item">
						<i class="list-item list-item-5"></i>
						<span class="service-intro">彩票</span>
					</li>
					<li class="yui3-u-1-4 life-item notab-item">
						<i class="list-item list-item-6"></i>
						<span class="service-intro">加油站</span>
					</li>
					<li class="yui3-u-1-4 life-item notab-item">
						<i class="list-item list-item-7"></i>
						<span class="service-intro">酒店</span>
					</li>
					<li class="yui3-u-1-4 life-item notab-item">
						<i class="list-item list-item-8"></i>
						<span class="service-intro">火车票</span>
					</li>
					<li class="yui3-u-1-4 life-item  notab-item">
						<i class="list-item list-item-9"></i>
						<span class="service-intro">众筹</span>
					</li>
					<li class="yui3-u-1-4 life-item notab-item">
						<i class="list-item list-item-10"></i>
						<span class="service-intro">理财</span>
					</li>
					<li class="yui3-u-1-4 life-item notab-item">
						<i class="list-item list-item-11"></i>
						<span class="service-intro">礼品卡</span>
					</li>
					<li class="yui3-u-1-4 life-item notab-item">
						<i class="list-item list-item-12"></i>
						<span class="service-intro">白条</span>
					</li>
				</ul>
				<div class="life-item-content">
					<div class="life-detail">
						<i class="close">关闭</i>
						<p>话费充值</p>
						<form action="" class="sui-form form-horizontal">
							号码：<input type="text" id="inputphoneNumber" placeholder="输入你的号码" />
						</form>
						<button class="sui-btn btn-danger">快速充值</button>
					</div>
					<div class="life-detail">
						<i class="close">关闭</i> 机票
					</div>
					<div class="life-detail">
						<i class="close">关闭</i> 电影票
					</div>
					<div class="life-detail">
						<i class="close">关闭</i> 游戏
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--推荐-->
<div class="show">
	<div class="py-container">
		<ul class="yui3-g Recommend">
			<li class="yui3-u-1-6  clock">
				<div class="time">
					<img src="img/clock.png" />
					<h3>今日推荐</h3>
				</div>
			</li>
			<li class="yui3-u-5-24" ng-repeat="item in advertisingList[2]">
				<a href="{{item.url}}" target="_blank"><img src="{{item.pic}}" width="150" height="100"/></a>
			</li>

		</ul>
	</div>
</div>
<div class="liked">
	<ul class="sui-nav nav-tabs">
		<li class="active">
			<a href="#index" data-toggle="tab">热卖商品</a>
		</li>
		<li>
			<a href="#profile" data-toggle="tab">猜你喜欢</a>
		</li>
	</ul>
	<div class="clearfix"></div>
	<div class="tab-content">
		<div id="index" class="tab-pane active">
			<div id="myCarousel1" data-ride="carousel" data-interval="4000" class="sui-carousel slide">
				<div class="carousel-inner">
					<div class="active item">
						<ul>
							<li   ng-repeat="item in advertisingList[4]">
								<a href="{{item.url}}">
									<img src="{{item.pic}}" width="200" height="180"/>
								</a>
								<div class="intro">
									<i>{{item.title}}</i>
								</div>
								<div class="money">
									<span>${{item.price}}</span>
								</div>
								<div class="incar">
									<a href="{{item.url}}" class="sui-btn btn-bordered btn-xlarge btn-default"><i class="car"></i><span class="cartxt">加入购物车</span></a>
								</div>
							</li>
						</ul>
					</div>
					<div class="item">
						<ul>
							<li   ng-repeat="item in advertisingList[5]">
								<a href="{{item.url}}">
									<img src="{{item.pic}}" />
								</a>
								<div class="intro">
									<i>{{item.title}}</i>
								</div>
								<div class="money">
									<span>${{item.price}}</span>
								</div>
								<div class="incar">
									<a href="{{item.url}}" class="sui-btn btn-bordered btn-xlarge btn-default"><i class="car"></i><span class="cartxt">加入购物车</span></a>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<a href="#myCarousel1" data-slide="prev" class="carousel-control left">‹</a>
				<a href="#myCarousel1" data-slide="next" class="carousel-control right">›</a>
			</div>
		</div>
		<div id="profile" class="tab-pane">
			<div id="myCarousel2" data-ride="carousel" data-interval="4000" class="sui-carousel slide">
				<div class="carousel-inner">
					<div class="active item">
						<ul>
							<li   ng-repeat="item in advertisingList[6]">
								<a href="{{item.url}}">
									<img src="{{item.pic}}" width="200" height="180"/>
								</a>
								<div class="intro">
									<i>{{item.title}}</i>
								</div>
								<div class="money">
									<span>${{item.price}}</span>
								</div>
								<div class="incar">
									<a href="{{item.url}}" class="sui-btn btn-bordered btn-xlarge btn-default"><i class="car"></i><span class="cartxt">加入购物车</span></a>
								</div>
							</li>
						</ul>
					</div>
					<div class="item">
						<ul>
							<li   ng-repeat="item in advertisingList[7]">
								<a href="{{item.url}}">
									<img src="{{item.pic}}" />
								</a>
								<div class="intro">
									<i>{{item.title}}</i>
								</div>
								<div class="money">
									<span>${{item.price}}</span>
								</div>
								<div class="incar">
									<a href="{{item.url}}" class="sui-btn btn-bordered btn-xlarge btn-default"><i class="car"></i><span class="cartxt">加入购物车</span></a>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<a href="#myCarousel2" data-slide="prev" class="carousel-control left">‹</a>
				<a href="#myCarousel2" data-slide="next" class="carousel-control right">›</a>
			</div>
		</div>
	</div>
</div>
<!--有趣-->
<div class="fun">
	<div class="py-container">
		<div class="title">
			<h3 class="fl">有趣区</h3>
		</div>
		<div class="clearfix yui3-g Interest">
			<span class="x-line"></span>
			<div class="yui3-u row-405 Interest-conver">
				<img src="{{advertisingList[3][0].pic}}"/>
			</div>
			<div class="yui3-u row-225 Interest-conver-split">
				<h5>好东西</h5>
				<img src="{{advertisingList[3][1].pic}}"/>
				<img src="{{advertisingList[3][2].pic}}" />
			</div>
			<div class="yui3-u row-405 Interest-conver-split blockgary">
				<h5>品牌街</h5>
				<div class="split-bt">
					<img src="{{advertisingList[3][3].pic}}" />
				</div>
				<div class="x-img fl">
					<img src="{{advertisingList[3][4].pic}}" />
				</div>
				<div class="x-img fr">
					<img src="{{advertisingList[3][5].pic}}" />
				</div>
			</div>
			<div class="yui3-u row-165 brandArea">
				<span class="brand-yline"></span>
				<ul class="yui3-g brand-list">
					<li class="yui3-u-1-2 brand-pit"><img src="img/brand01.png" /></li>
					<li class="yui3-u-1-2 brand-pit"><img src="img/brand02.png" /></li>
					<li class="yui3-u-1-2 brand-pit"><img src="img/brand03.png" /></li>
					<li class="yui3-u-1-2 brand-pit"><img src="img/brand04.png" /></li>
					<li class="yui3-u-1-2 brand-pit"><img src="img/brand05.png" /></li>
					<li class="yui3-u-1-2 brand-pit"><img src="img/brand06.png" /></li>
					<li class="yui3-u-1-2 brand-pit"><img src="img/brand07.png" /></li>
					<li class="yui3-u-1-2 brand-pit"><img src="img/brand08.png" /></li>
					<li class="yui3-u-1-2 brand-pit"><img src="img/brand09.png" /></li>
					<li class="yui3-u-1-2 brand-pit"><img src="img/brand10.png" /></li>
					<li class="yui3-u-1-2 brand-pit"><img src="img/brand11.png" /></li>
					<li class="yui3-u-1-2 brand-pit"><img src="img/brand12.png" /></li>
					<li class="yui3-u-1-2 brand-pit"><img src="img/brand13.png" /></li>
					<li class="yui3-u-1-2 brand-pit"><img src="img/brand03.png" /></li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!--商标-->
<div class="brand">
	<div class="py-container">
		<ul class="Brand-list blockgary">
			<li class="Brand-item">
				<img src="img/brand_21.png" />
			</li>
			<li class="Brand-item"><img src="img/brand_03.png" /></li>
			<li class="Brand-item"><img src="img/brand_05.png" /></li>
			<li class="Brand-item"><img src="img/brand_07.png" /></li>
			<li class="Brand-item"><img src="img/brand_09.png" /></li>
			<li class="Brand-item"><img src="img/brand_11.png" /></li>
			<li class="Brand-item"><img src="img/brand_13.png" /></li>
			<li class="Brand-item"><img src="img/brand_15.png" /></li>
			<li class="Brand-item"><img src="img/brand_17.png" /></li>
			<li class="Brand-item"><img src="img/brand_19.png" /></li>
		</ul>
	</div>
</div>
<!-- 底部栏位 -->
<!--页面底部-->
<div class="clearfix footer">
	<div class="py-container">
		<div class="footlink">
			<div class="clearfix Mod-list">
				<div class="yui3-g">
					<div class="yui3-u-1-6">
						<h4>购物指南</h4>
						<ul class="unstyled">
							<li>购物流程</li>
							<li>会员介绍</li>
							<li>生活旅行</li>
							<li>常见问题</li>
							<li>购物指南</li>
						</ul>

					</div>
					<div class="yui3-u-1-6">
						<h4>配送方式</h4>
						<ul class="unstyled">
							<li>上门自提</li>
							<li>211限时达</li>
							<li>配送服务查询</li>
							<li>配送费收取标准</li>
							<li>海外配送</li>
						</ul>
					</div>
					<div class="yui3-u-1-6">
						<h4>支付方式</h4>
						<ul class="unstyled">
							<li>货到付款</li>
							<li>在线支付</li>
							<li>分期付款</li>
							<li>公司转账</li>
						</ul>
					</div>
					<div class="yui3-u-1-6">
						<h4>售后服务</h4>
						<ul class="unstyled">
							<li>售后政策</li>
							<li>价格保护</li>
							<li>退款说明</li>
							<li>返修/退换货</li>
							<li>取消订单</li>
						</ul>
					</div>
					<div class="yui3-u-1-6">
						<h4>特色服务</h4>
						<ul class="unstyled">
							<li>夺宝岛</li>
							<li>DIY装机</li>
							<li>延保服务</li>
							<li>京东E卡</li>
							<li>京东通信</li>
						</ul>
					</div>
					<div class="yui3-u-1-6">
						<h4>自营覆盖县区</h4>
						<p> 京东以向全国 2661 个区县提供自营配送服务，支持货到付款，POS 机刷卡和售后上门服务</p>
					</div>
				</div>
			</div>
			<div class="Mod-copyright">
				<ul class="helpLink">
					<li>关于我们<span class="space"></span></li>
					<li>联系我们<span class="space"></span></li>
					<li>关于我们<span class="space"></span></li>
					<li>商家入驻<span class="space"></span></li>
					<li>营销中心<span class="space"></span></li>
					<li>友情链接<span class="space"></span></li>
					<li>关于我们<span class="space"></span></li>
					<li>营销中心<span class="space"></span></li>
					<li>友情链接<span class="space"></span></li>
					<li>关于我们</li>
				</ul>
				<p>地址：山东省济南市长清区大学路3501号 邮编：250306 电话：0531-89631717 传真：0531—8963106889631968</p>
				<p>鲁ICP备20003112号鲁公网安备37099202000006</p>
			</div>
		</div>
	</div>
</div>
<!--页面底部END-->
<script type="text/javascript" src="js/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript">
	$(function(){
		$("#service").hover(function(){
			$(".service").show();
		},function(){
			$(".service").hide();
		});
		$("#shopcar").hover(function(){
			$("#shopcarlist").show();
		},function(){
			$("#shopcarlist").hide();
		});

	})
</script>
<script type="text/javascript" src="js/model/cartModel.js"></script>
<script type="text/javascript" src="js/czFunction.js"></script>
<script type="text/javascript" src="js/plugins/jquery.easing/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/plugins/sui/sui.min.js"></script>
<script type="text/javascript" src="js/pages/index.js"></script>
<script type="text/javascript" src="js/widget/cartPanelView.js"></script>
<script type="text/javascript" src="js/widget/jquery.autocomplete.js"></script>
<script type="text/javascript" src="js/widget/nav.js"></script>
</body>
</html>